<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>相册</title>
		<link rel="stylesheet" type="text/css" href="css/xiangce.css" />
		<!-- <link rel="stylesheet" type="text/css" href="css/magnific-popup.min.css" /> -->
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<!-- <script src="js/jquery.magnific-popup.js" type="text/javascript" charset="utf-8"></script> -->
		<meta name="viewport" content="width=device-width,initial-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script>
			// 高亮效果
			$(function() {
				//鼠标进入的时候,其他的li标签透明度：0.5
				$(".wrap li").hover(function() {
					$(this).siblings().stop().fadeTo(400, 0.5);
				}, function() {
					// 鼠标离开，其他li 透明度改为 1
					$(this).siblings().stop().fadeTo(400, 1);
				})
	
			});
		</script>
		<style>
			   ul {
            list-style: none;
        }
        .wrap {
            margin: 100px auto 0;
            width: 643px;
            height: 405px;
            padding: 10px 0 0 10px;
            background: #000;
            overflow: hidden;
            border: 1px solid #fff;
        }
        
        .wrap li {
            float: left;
            margin: 0 10px 10px 0;
        }
        
        .wrap img {
            display: block;
            border: 0;
		</style>
		
	</head>
	<body>
		<div class="daohang">
			
			<div class="right">
				<ul class="daohang_ul">
					<li><a href="index.html">首页</a></li>
					<li><a href="./wz/wz00.html">设计要求</a></li>
					<li><a href="gunyvwo.html">关于我</a></li>
					<li><a href="xiangce.html">我的相册</a></li>
					<li><a href="shopin1.html">喜欢的视频</a></li>
					<li><a href="register.html">登录/注册</a></li>
				</ul>
			</div>
		</div>
		<div class="wrap">
			<ul>
				<li>
					<a href="#"><img src="images/01.jpg" alt="" /></a>
				</li>
				<li>
					<a href="#"><img src="images/02.jpg" alt="" /></a>
				</li>
				<li>
					<a href="#"><img src="images/03.jpg" alt="" /></a>
				</li>
				<li>
					<a href="#"><img src="images/04.jpg" alt="" /></a>
				</li>
				<li>
					<a href="#"><img src="images/05.jpg" alt="" /></a>
				</li>
				<li>
					<a href="#"><img src="images/06.jpg" alt="" /></a>
				</li>
			</ul>
		</div>
		
	</body>
	
	<!--页面背景特效--> 
	  <script src="./js/background.js" count="200" zindex="-2" opacity="0.8" color="47,135,193" type="text/javascript"></script>
</html>
